.login {
    width: 100%;
    height: 100%;
    background-image: url(@/assets/img/bg.png);
    background-size: cover;
    // background-position: -40rem;
    background-repeat: no-repeat;

    .model {
        background-color: rgb(222, 212, 117);
        width: 25rem;
        position: relative;
        left: 70%;
        top: 30%;
        border-radius: 2rem;
        // padding: 15px 2rem 0px;
        line-height: 1.5rem;

        .title {
            vertical-align: middle;
            display: flex;
            flex-direction: column;
            justify-content: center;
            border-bottom: 1px solid rgba(0, 0, 0, 0.525);
            height: 4rem;

            p {
                font-size: 1.5rem;
                font-weight: 400;
                text-indent: 2rem;
                margin: 0;
                // img {
                //     width: 5rem;
                //     border-radius: 5rem;
                // }
            }
        }

        .form {
            height: 15rem;
            padding: 2rem;

            .button {
                display: flex;
                justify-content: space-between;

                .login,
                .signUp {
                    width: 45%;
                }
            }
        }

    }
}